// 全局SCSS变量

:root{
  --menuBg:#304156;
  --menuText:#bfcbd9;
  --menuActiveText:#409eff;
  --menuHover:#263445;

  --subMenuBg: #1f2d3d;
  --subMenuActiveText: #f4f4f5;
  --subMenuHover: #001528;
  --viewBg: #130120;
}


$menuBg: var(--menuBg);
$menuText: var(--menuText);
$menuActiveText: var(--menuActiveText);
$menuHover: var(--menuHover);

$subMenuBg:var(--subMenuBg);
$subMenuActiveText:var(--subMenuActiveText);
$subMenuHover:var(--subMenuHover);
$viewBg:var(--viewBg);

$sideBarWidth: 210px;
$mapInfoWidth: 350px;


@mixin textGradient{
  background: linear-gradient(to right, #8353D7, #90ECFF, #8353D7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

@mixin cardGradient{
  position: relative;
  background: linear-gradient(to right, rgba(60, 101, 170, 0.18), rgba(198, 55, 156, 0.18));
  box-shadow: inset 0 0 8px rgba(255, 211, 255, 0.24);
  box-shadow: 0 0 2px rgba(111, 116, 203, 1);
  position: relative;

  &::before {
      content: "";
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: inherit;
      /* 保持与父元素相同的背景色 */
      box-shadow: 0 0 8px rgba(111, 116, 203, 1);
      /* 假设您希望外发光大一些，这里修改为8像素 */
  }
  border: 0;
}